<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="../easyui/themes/metro/easyui.css">
    <link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../easyui/themes/color.css">
    <link rel="stylesheet" type="text/css" href="easyui/demo/demo.css">
    <script type="text/javascript" src="../easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../easyui/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="comm.js"></script>
    <script src="easyui/jquery.portal.js"></script>
    <script src="main.js"></script>
</head>
<body >

<div class="easyui-layout" style="width:100%;height:100%;" fit="true">
    <div data-options="region:'north'" style="height:50px">
       
        <div class="easyui-panel" style="padding:5px;">
            <a href="#" class="easyui-linkbutton" data-options="plain:true">Home</a>
            <a href="#" class="easyui-menubutton" data-options="menu:'#mm1',iconCls:'icon-edit'">配置</a>
            <a href="#" class="easyui-menubutton" data-options="menu:'#mm2',iconCls:'icon-help'">Help</a>
            <span id="greet-msg"></span>
           
            <a href="#" class="easyui-menubutton" data-options="menu:'#mm4',iconCls:'icon-setting'" style="float:right;margin-right: 10px;">配置</a>
            <a href="#" class="easyui-menubutton" data-options="menu:'#mm3'" style="float:right;">About</a>
        </div>
        <div id="mm1" style="width:150px;">
          
            <div class="menu-sep"></div>
            <div>Cut</div>
            <div>Copy</div>
            <div>Paste</div>
            <div class="menu-sep"></div>
            <div>
                <span>Toolbar</span>
                <div>
                    <div>Address</div>
                    <div>Link</div>
                    <div>Navigation Toolbar</div>
                    <div>Bookmark Toolbar</div>
                    <div class="menu-sep"></div>
                    <div>New Toolbar...</div>
                </div>
            </div>
            <div data-options="iconCls:'icon-remove'">Delete</div>
            <div>Select All</div>
        </div>
        <div id="mm2" style="width:100px;">
            <div>Help</div>
            <div>Update</div>
            <div>About</div>
        </div>
        <div id="mm3" class="menu-content" style="background:#f0f0f0;padding:10px;text-align:left">
            <img src="http://www.jeasyui.com/images/logo1.png" style="width:150px;height:50px">
            <p style="font-size:14px;color:#444;">Try jQuery EasyUI to build your modern, interactive, javascript applications.</p>
        </div>
        <div id="mm4" style="width:100px;">
            <div  onclick="javascript:create_table()">创建表</div>
            <div  onclick="javascript:drop_table()">删除表</div>
            
        </div>
    </div>

    <!--
    <div data-options="region:'south',split:true" style="height:50px;"></div>
  <div data-options="region:'east',split:true" title="East" style="width:180px;">
      <ul class="easyui-tree" data-options="url:'tree_data1.json',method:'get',animate:true,dnd:true"></ul>
  </div>
  -->
  <div data-options="region:'west',split:true"  style="width:150px;">
      <div class="easyui-accordion" data-options="fit:true,border:false">
       
          <div title="菜单" data-options="selected:true" style="padding:10px;">
            <div style="margin:5px 0">
                <a class="easyui-linkbutton c1"  href="javascript: void(0);"style="width:80px"  onclick="openTable('designer/util.html','字符工具')">字符工具</a>
            </div>
            <div style="margin:5px 0">
                <a class="easyui-linkbutton c2"  href="javascript: void(0);"style="width:80px"   id="greetbtn" >greet</a>
               
            </div>

            <div style="margin:5px 0">
                <a class="easyui-linkbutton c3"  href="javascript: void(0);"style="width:80px"  onclick="openTable('user/user.html','用户管理')" >用户管理</a>
               
            </div>
            <div style="margin:5px 0">
                <a class="easyui-linkbutton c3"  href="javascript: void(0);"style="width:80px"  onclick="openTable('test/test.html','test')" >test</a>
                <a class="easyui-linkbutton c3"  href="javascript: void(0);"style="width:80px"  onclick="openTable('test/testdiff.html','test')" >testdiff</a>
            </div>
          </div>

      </div>
  </div>

    <div data-options="region:'center',iconCls:'icon-ok'">
        <div class="easyui-tabs" id="content" data-options="fit:true,border:false,plain:true">
            <div title="首页" data-options="href:'_content.html',onResize:function(){$('#pp').portal('resize');},onLoad:function(){$('#pp').portal({ border:false,  fit:true });}" style="padding:1px" ></div>

        </div>
    </div>
</div>
</body>

</html>